﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPages/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="YerongapillyGreens.Web.Pages.Default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>Home</title>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="contentPlaceholder" runat="server">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active" data-slide-number="0">
                <img src="../Resources/Images/br.jpg" alt="Bedroom">
                <div class="carousel-caption">
                    <h3>Bedroom</h3>
                    <p>This is where you sleep.</p>
                </div>
            </div>
            <div class="item" data-slide-number="1">
                <img src="../Resources/Images/din.jpg" alt="Dining">
                <div class="carousel-caption">
                    <h3>Dining</h3>
                    <p>This is where you eat.</p>
                </div>
            </div>
            <div class="item" data-slide-number="2">
                <img src="../Resources/Images/kit.jpg" alt="Kitchen">
                <div class="carousel-caption">
                    <h3>Kitchen</h3>
                    <p>This is where you cook.</p>
                </div>
            </div>
            <div class="item" data-slide-number="3">
                <img src="../Resources/Images/toil.jpg" alt="Toilet">
                <div class="carousel-caption">
                    <h3>Toilet</h3>
                    <p>This is where you shit.</p>
                </div>
            </div>
        </div>
        <!-- Left and right controls -->
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span> 
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true">
            </span><span class="sr-only">Next</span> 
        </a>
    </div>

    <!-- thumb navigation carousel -->
    <div class="col-md-12 hidden-sm hidden-xs whiteBG" style="padding-top: 10px; text-align: center" id="slider-thumbs">
        <!-- thumb navigation carousel items -->
        <ul class="list-inline">
            <li>
                <a id="carousel-selector-0" class="selected">
                    <img src="../Resources/Images/br.jpg" alt="bedroom" class="img-responsive thumbnailImg thumbnail">
                </a>
            </li>
            <li>
                <a id="carousel-selector-1">
                    <img src="../Resources/Images/din.jpg" alt="din" class="img-responsive thumbnailImg thumbnail">
                </a>
            </li>
            <li>
                <a id="carousel-selector-2">
                    <img src="../Resources/Images/kit.jpg" alt="kit" class="img-responsive thumbnailImg thumbnail">
                </a>
            </li>
            <li>
                <a id="carousel-selector-3">
                    <img src="../Resources/Images/toil.jpg" alt="toil" class="img-responsive thumbnailImg thumbnail">
                </a>
            </li>
        </ul>
    </div>
</asp:Content>
